<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
<#assign base=request.contextPath  />

    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="${base}/js/layui/css/layui.css"  media="all">
    <script type="text/javascript" src="${base}/js/zhang.js"></script>
</head>
<style type="text/css">
    #sssss{
        padding: 30px;
        float: left;
    }
    .tk21{
        margin: 0;
        border: solid 2px #1E9FFF;
        position: absolute;
        left: 30%;
        bottom: 30%;
        background: white;
        line-height: 40px;
        margin-left: 10px;
        display: none;
        font-size:16px;
    }
</style>
<body>
    <div style="margin: 30px;">
        <button class="layui-btn layui-btn-warm btn666" type="button" style="background-color:#1E9FFF;">新增房间</button>
    </div>
 <div id="homes">

 </div>

    <div class="tk21">
        <div style="height: 40px;background-color:#1E9FFF;text-align: center;color: white;margin-top: -2px;" >
            新增房间
        </div>
        <form  action="" method="get" style="padding: 5px;">
            <div  id="tankuang2">
                房间名:<input   type="text" id="home_name" value="" /><br/>
                房间标签属性:<input type="text" id="home_attribute" value="" /><br/>
                该房间当前所处状态:<select name="modules"  id="home_Stat"></select><br/>
            </div>
            <div style="text-align: center;">
                <button class="layui-btn layui-btn-warm" type="button"  onclick="saveHome()" style="background-color:#1E9FFF;">提交</button>
                <input style="background-color:#1E9FFF;" type="button" value="取消" class="layui-btn layui-btn-warm" onclick="javaScript:window.location.reload();"></input>
            </div>
        </form>
    </div>
    <script src="${base}/js/layui/layui.js" charset="utf-8"></script>
    <script src="${base}/js//jquery.min.js"></script>
    <script>
        $(".btn666").click(function(){
            $(".tk21").show(200)
        })




		var bas="${base}";
		var dicData=getDataByCode(bas,"home_stuts");
		for (var i=0;i<dicData.length;i++){
            $("#home_Stat").append(
                    '<option value="'+dicData[i].id+'">'+dicData[i].name+'</option>'
            );
		}


function saveHome(){
	var homeStat= $("#home_Stat").val();
	var homeName=$("#home_name").val();
	var home_attribute=$("#home_attribute").val();
	var jsonData={};
	jsonData.roomLabel=home_attribute;
	jsonData.name=homeName;
	jsonData.roomStatus=homeStat;
    $.ajax({
        type : "POST", //提交方式
        url :   "${base}/room/insertHome",//路径
        data :{"param":JSON.stringify(jsonData)},
        success : function(data) {//返回数据根据结果进行相应的处理
            if(data==="true"){
				alert("新增成功");
                $(".tk21").hide(200)
                window.location.reload();
			}else {
                alert("失败");
                $(".tk21").hide(200)
                window.location.reload();
			}
        }
    });
}



        AllHome();

		function AllHome(){
            $.ajax({
                type : "POST", //提交方式
                url :  "${base}/room/selectAllRoom",//路径
                async:false,
                success : function(data) {//返回数据根据结果进行相应的处理
                    var flag=0;
                    var PayWayData=getDataByCode(bas,"pay");

                    for (var i=0;i<data.length;i++){
                        $("#homes").append(
                                '<div id="sssss" style="width: 490px; height: 400px;">'+
                                '<fieldset class="layui-elem-field layui-field-title"  >'+
                                '   <legend>'+data[i].name+'</legend>'+
                                 '<input type="hidden" id="HomeId'+flag+'" value="'+data[i].id+'">'+
                                ' </fieldset>'+
                                '<div class="layui-tab layui-tab-card" style="width: 489px;max-height:400px ;">'+
                                '<ul class="layui-tab-title">'+
                                '<li class="layui-this">房间状态</li>'+
                                '<li>补交尾款</li>'+
                                '<li>房间标签属性</li>'+
                                '<li>退房</li>'+
                                '<li>房间档期</li>'+
                                '</ul>'+
                                '<div class="layui-tab-content">'+
                                '<div class="layui-tab-item layui-show">'+
                                '<form class="layui-form" action=""">'+
                                '<div class="layui-inline">'+
                                '<div class="layui-inline" style="margin-left: 30px;margin-top: 30px;">'+
                                '<label class="layui-form-label" style="width:111px">当前房间状态:</label>'+
                                '<div class="layui-input-inline">'+
                                '<input name="number" autocomplete="off"  value="'+data[i].hoomState+'" id="currHomeState'+flag+'" class="layui-input" readonly="true"  type="text">'+
                                '</div>'+
                                '</div>'+
                                '</div><br /><br /><br />'+
                                '<div class="layui-inline" style="width: 490;height: 300px;">'+
                                '<label class="layui-form-label" style="width:111px">修改房间状态</label>'+
                                '<div class="layui-input-inline">'+
                                '<select name="modules"  id="updateHomeState'+flag+'"   lay-verify="required" lay-search="">'+
                                '<option value="">请选择...</option>'+
                                '</select>'+
                                '</div><br />'+
                                '<div style="margin-top: 50px;margin-left: 320px;">'+
                                '<button class="layui-btn layui-btn-normal" type="button" onclick="updateHomeState($('+"'"+'#HomeId'+flag+"'"+').val(),$('+"'"+'#updateHomeState'+flag+"'"+').val())" style="width: 100px;">保存</button>'+
                                '</div>'+
                                '</div>'+
                                '</form>'+
                                '</div>'+
                                '<div class="layui-tab-item">'+
                                '<form class="layui-form"style="width: 490;height: 300px;margin-left: 30px;margin-top: 30px;">'+
                                '<div class="layui-inline">'+
                                '<div class="layui-inline">'+
                                '<label class="layui-form-label">金额</label>'+
                                '<div class="layui-input-inline">'+
                                '<input name="number" id="money'+flag+'" autocomplete="off" class="layui-input" type="text">'+
                                '</div>'+
                                '</div>'+
                                '</div><br /><br /><br />'+
                                '<div class="layui-inline">'+
                                '<label class="layui-form-label">支付渠道</label>'+
                                '<div class="layui-input-inline">'+
                                '<select name="modules"  id="payWay'+flag+'" lay-verify="required" lay-search="">'+
                                '<option value="">请选择</option>'+
                                '</select>'+
                                '</div><br />'+
                                '<div style="margin-top: 50px;margin-left: 320px;">'+
                                '<button class="layui-btn layui-btn-normal"  onclick="addMoney($('+"'"+'#money'+flag+"'"+').val(),$('+"'"+'#payWay'+flag+"'"+').val(),$('+"'"+'#HomeId'+flag+"'"+').val())"  style="width: 100px;">保存</button>'+
                                '</div>'+
                                '</div>'+
                                '</form>'+
                                '</div>'+
                                '<div class="layui-tab-item">'+
                                '<div class="layui-form"style="width: 490;height: 300px; margin-left: 30px;margin-top: 30px;">'+
                                '<a id="homeShuXing'+flag+'">该房间属性：</a></br>'+
                                ' 该房间预定的套餐:</br>'+
                                '<a id="homeTaoCan'+flag+'"></a>'+
                                '</div>'+
                                '</div>'+
                                '<div class="layui-tab-item">'+
                                '<form class="layui-form" action="" style="width: 490;height: 300px;margin-left: 30px;margin-top: 30px;">'+
                                '<div class="layui-inline"  style="margin: 30px;">'+
                                '<a id="consumption'+flag+'">该房间共消费：</a>'+  '<br />'+
                                '<a id="pay'+flag+'">该房间预付：</a>'+  '<br />'+
                                '<a id="set_money'+flag+'">该房间缴纳定金：</a>'+  '<br />'+
                                '<a id="deposit'+flag+'">该房间缴纳押金：</a>'+  '<br />'+
                                '<a id="overpay'+flag+'">该房间缴纳补缴金额：</a>'+  '<br />'+
                                '<a id="receivable'+flag+'">该房间当前余额：</a>'+  '<br />'+
                                '<br />'+
                                '<div style="margin-top: 50px;margin-left: 320px;">'+
                                '<button type="button"class="layui-btn layui-btn-normal" onclick="overHome($('+"'"+'#HomeId'+flag+"'"+').val())" style="width: 100px;">退房</button>'+
                                '</div>'+
                                '</div>'+
                                '</form>'+
                                '</div>'+

                                '<div class="layui-tab-item">'+
                                    '<div class="layui-form" style="width: 490;height: 400px;">'+
                                       '<div class="layui-form-item" style="height:30px;">'+
                                            '<label>日期范围</label>'+
                                            '<div class="layui-inline">'+
                                                '<input class="layui-input test-item" id="startTime'+flag+'" placeholder="yyyy-MM-dd" type="text" style="width: 150px;">'+
                                            '</div>'+
                                            '<div class="layui-inline">'+
                                                '<input class="layui-input test-item"  id="endTime'+flag+'" placeholder="yyyy-MM-dd" type="text" style="width: 150px;">'+
                                            '</div>'+
                                                '<input class="layui-btn layui-btn-normal" type="button" onclick="saveHomeTime($('+"'"+'#startTime'+flag+"'"+').val(),$('+"'"+'#endTime'+flag+"'"+').val(),$('+"'"+'#HomeId'+flag+"'"+').val(), '+"'"+'test'+flag+"'"+')"value="保存" />'+
                                        '</div>'+
                                        '<table class="layui-hide" id="test'+flag+'"></table>'+
                                '</div>'+
                                '</form>'+
                                '</div>'+
                                '</div>'+
                                '</div>'+
                                '</div>'
                        )

                        //$("#currHomeState"+flag).val()
                       for (var v=0;v<dicData.length;v++){
                            $("#updateHomeState"+flag).append(
                                    '<option value="'+dicData[v].id+'">'+dicData[v].name+'</option>'
                            );
                        }

                        for (var j=0;j<PayWayData.length;j++){
                            $("#payWay"+flag).append(
                                    '<option value="'+PayWayData[j].id+'">'+PayWayData[j].name+'</option>'
                            );
                        }
                        //查询出每个房间属性标签
                         var homeLable=findAllMealNameByHomeId($("#HomeId"+flag).val());
                             if(homeLable.length>1){
                                 alert(data[i].name+"出现异常，有多个订单的存在，请联系管理员")
                             }

                        for (var s=0;s<homeLable.length;s++){
                            $("#homeShuXing"+flag).append(homeLable[s].roomLabel);
                            $("#homeTaoCan"+flag).append(homeLable[s].mealName);
                        }
                        //查询出该房间未退房的订单 所有消费明细
                       var homeMoney= findAllMoneyByHomeId($("#HomeId"+flag).val());
                        if(typeof(homeMoney.overpay)==="undefined"){
                        }else{
                            $("#overpay"+flag).append(homeMoney.overpay+"元");
                        }
                        if(typeof(homeMoney.set_money)==="undefined"){
                        }else{
                            $("#set_money"+flag).append(homeMoney.set_money+"元");
                        }
                        if(typeof(homeMoney.pay)==="undefined"){
                        }else{
                            $("#pay"+flag).append(homeMoney.pay+"元");
                        }
                        if(typeof(homeMoney.deposit)==="undefined"){
                        }else{
                            $("#deposit"+flag).append(homeMoney.deposit+"元");
                        }
                       if(typeof(homeMoney.consumption)==="undefined"){
                        }else{
                            $("#consumption"+flag).append(homeMoney.consumption+"元");
                        }
                        if(typeof(homeMoney.receivable)==="undefined"){
                        }else{
                            $("#receivable"+flag).append(homeMoney.receivable+"元");
                        }
                        //初始化表格
                        initTable("test"+flag,$("#HomeId"+flag).val());


                        //不能让flag多加1
                        if(flag!=data.length-1){
                            flag++;
                        }
                    }

                }
            });

		}

function updateHomeState(homeId,state){
    if(state==""){
        alert("请选择要修改的状态")
    }
    var jsonData={};
    jsonData.id=homeId;
    jsonData.roomStatus=state;
    $.ajax({
        type : "POST", //提交方式
        url : "${base}/room/updateHomeState",//路径
        data :{param:JSON.stringify(jsonData),},
        async:false,
        success : function(data) {//返回数据根据结果进行相应的处理
          alert(data)
            window.location.reload();
        }
    });
}
//补缴尾款
function addMoney(money,payWay,homeId){
    var jsonData={};
    jsonData.overpay=money;
    jsonData.payChannel=payWay;
    $.ajax({
        type : "POST", //提交方式
        url : "${base}/room/addMoney",//路径
        data :{param:JSON.stringify(jsonData),"homeId":homeId},
        async:false,
        success : function(data) {//返回数据根据结果进行相应的处理
          alert(data)
            window.location.reload();
        }
    });
}
        //查询出该房间未退房的订单关联字典表的套餐
function findAllMealNameByHomeId(homeId){
    var returnData;
    $.ajax({
        type : "POST", //提交方式
        url : "${base}/room/findAllMealNameByHomeId",//路径
        data :{"homeId":homeId},
        async:false,
        success : function(data) {//返回数据根据结果进行相应的处理
            returnData=data;
        }
    });
    return returnData;
}
        //查询出该房间未退房的订单 所有消费明细
function findAllMoneyByHomeId(homeId){
    var returnData;
    $.ajax({
        type : "POST", //提交方式
        url : "${base}/room/findAllMoneyByHomeId",//路径
        data :{"homeId":homeId},
        async:false,
        success : function(data) {//返回数据根据结果进行相应的处理
            returnData=data;
        }
    });
    return returnData;
}
 function overHome(homeId){
     var flag=confirm("确定要退房吗？")
      if(flag){

          $.ajax({
              type : "POST", //提交方式
              url : "${base}/room/overHome",//路径
              data :{"homeId":homeId},
              async:false,
              success : function(data) {//返回数据根据结果进行相应的处理
                alert(data);
                  window.location.reload();
              }
          });
      }
 }
        function initTable(tableId,HomeId){
            layui.use(['form','element','laydate','table'], function(){
                var table = layui.table;
                var form = layui.form;
                var laydate = layui.laydate;
                table.render({
                    elem: '#'+tableId
                    ,url:'${base}/roomTime/selectHomeTime'
                    ,method:"post"
                    ,cols: [[
                        {field:'id',templet:function(val){
                            return   val.LAY_INDEX
                        }, title: '序号'}
                        ,{field:'startTime',templet:function(val){
                            return changeDateFormat(val.startTime)
                        },title: '预定时间'}
                        ,{field:'endTime',templet:function(val){
                            return changeDateFormat(val.endTime)
                        },title: '结束时间'}
                        ,{field:'createTime',templet:function(val){
                            return changeDateFormat(val.createTime)
                        }, title: '该条记录创建时间'}
                    ]],
                    where:{"homeId":HomeId},page: {
                    layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                             ,limit:5
                             ,curr: 1
                            ,groups: 1 //只显示 1 个连续页码
                            ,first: false //不显示首页
                            ,last: false //不显示尾页

                }
                });
                lay('.test-item').each(function(){
                    laydate.render({
                        elem: this
                        ,trigger: 'click'
                    });
                });
                layer = layui.layer

                        ,element = layui.element;
                var active = {
                    tabChange: function(){
                        //切换到指定Tab项
                        element.tabChange('demo', '11');
                    }
                };
                laydate.render({
                    elem: '#'+tableId
                    ,range: true
                });
            });
        }


        //保存新的房间档期
        function saveHomeTime(startTime,endTime,roomId,tableId){
               var staTime=new Date(startTime).getTime();
               var enTime=new Date(endTime).getTime();
              var requestJson={};
            requestJson.startTime=staTime;
            requestJson.endTime=enTime;
            requestJson.roomId=roomId;
            $.ajax({
                type : "POST", //提交方式
                url : "${base}/roomTime/insertRoomTime",//路径
                data :{"param":JSON.stringify(requestJson)},
                async:false,
                success : function(data) {//返回数据根据结果进行相应的处理
                    alert(data);
                    var table = layui.table;
                    //表刷新方法
                    table.reload(tableId, {
                           url:'${base}/roomTime/selectHomeTime'
                        ,   where:{"homeId":roomId} //设定异步数据接口的额外参数
                        //,height: 300
                    });
                }
            });
        }
    </script>

    </body>
    </html>